<template>
  <div class="home">
      <Header/>
      <Imgs/>
      <Menu/>
      <Express/>
      <div class="mid">
          <i><span class="span1">邮政</span>动态</i>
          <van-notice-bar :scrollable="false">
              <van-swipe
                vertical
                class="notice-swipe"
                :autoplay="3000"
                :show-indicators="false"
              >
                <van-swipe-item>2022年壬寅年邮票预订开始啦！</van-swipe-item>
                <van-swipe-item>平台升级公告</van-swipe-item>
                <van-swipe-item>电影《信者》上映</van-swipe-item>
                <van-swipe-item>【10月上新日】壬寅邮福</van-swipe-item>
                <van-swipe-item>【送虎小版折】简单3步</van-swipe-item>
              </van-swipe>
            </van-notice-bar>
          <span class="span2">&gt;</span>
      </div>
      <Shop/>
      <Like/>
      <Bottom/>
      <bottomBar/>
  </div>
</template>

<script>
import Header from '../components/home/header.vue';
import Menu from '../components/home/menu.vue';
import Imgs from '../components/home/imgs.vue';
import Express from '../components/home/express.vue';
import Shop from '../components/home/shop.vue';
import Like from '../components/home/like.vue'
import Bottom from '../components/home/bottom.vue'
import bottomBar from '../components/bottomBar.vue'

export default {
  components:{
    Header,Menu,Imgs,Express,Shop,Like,Bottom,bottomBar
  }
  
}
</script>

<style scoped>
.home{
  background-color: #f2f2f2;
}
h1{
  font-size:0.2rem
}
.mid{
  width:3.4rem;
  height:0.4rem;
  background-color: white;
  margin:auto;
  margin-top:0.1rem;
  font-size:0.2rem;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding:0 0.1rem;
  margin-bottom:0.1rem;
  border-radius: 0.06rem;
}
.mid i{
  font-size:0.12rem;
  width:0.3rem;
  line-height: 0.2rem;
}
.mid i .span1{
  color:#5da977;
}
.mid p{
  font-size:0.14rem;
  line-height: 0.4rem;
}
.mid .span2{
  line-height: 0.4rem;
}
.notice-swipe {
    height: 0.4rem;
    line-height: 0.4rem;
}
.van-notice-bar{
  width:2rem;
  height:0.4rem;
  background-color: #fff;
}
</style>
